$timer: 5px;
// common
@for $item from 0 through 8 {
  .mt-#{$item}{margin-top: $timer * $item !important;}
  .mb-#{$item}{margin-bottom: $timer * $item !important;}
  .ml-#{$item}{margin-left: $timer * $item !important;}
  .mr-#{$item}{margin-right: $timer * $item !important;}
  .m-#{$item}{margin: $timer * $item !important;}

  .pt-#{$item}{padding-top: $timer * $item !important;}
  .pb-#{$item}{padding-bottom: $timer * $item !important;}
  .pl-#{$item}{padding-left: $timer * $item !important;}
  .pr-#{$item}{padding-right: $timer * $item !important;}
  .p-#{$item}{padding: $timer * $item !important;}
}

.w-10{
  width: 100%;
}
